<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/mui.css" />
		<script src="js/mui.js"></script>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		
		<div class="mui-slider">
		  <div class="mui-slider-group mui-slider-loop">
		    <!--支持循环，需要重复图片节点-->
		    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="图片/4.jpg" /></a></div>
		    <div class="mui-slider-item"><a href="#"><img src="图片/1.jpg" /></a></div>
		    <div class="mui-slider-item"><a href="#"><img src="图片/2.jpg" /></a></div>
		    <div class="mui-slider-item"><a href="#"><img src="图片/3.jpg" /></a></div>
		    <div class="mui-slider-item"><a href="#"><img src="图片/4.jpg" /></a></div>
		    <!--支持循环，需要重复图片节点-->
		    <div class="mui-slider-item mui-slider-item-duplicate"><a href="#"><img src="图片/1.jpg" /></a></div>
		  </div>
		</div>
		
		<script>
			
			//获得slider插件对象
			var gallery = mui('.mui-slider');
			gallery.slider({
			  interval:100//自动轮播周期，若为0则不自动播放，默认为0；
			});
			
		</script>
	</body>
</html>